/*------ ALGEMENE OPMAAK ------*/
body, html, tr, td {
	margin: 0;
	padding:0;
}

td, th, p, li, a, body, div, b, span, input, textarea, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #535353;
}

p, form{
	margin-left: 15px;
	margin-top: 20px;
}

table{border-collapse: collapse; border-color: #535353; }
img {border: 0;}
td, th { empty-cells:show; vertical-align:top;}
th { font-weight: bold; text-align: left; }
a{	text-decoration: none; }
a:hover{	text-decoration: underline; }
ul{margin:0 0 5px 0; padding-left:20px;}
.small{ font-size: 7pt;}
h1{ font-size: 10pt; }

form input{
	border: none;
	background-color: #535353;
	color: #F8F8F8;
	margin-bottom: 7px;
	padding: 0.2em;
}

form input:focus{
	background-color: #3399FF;
}

input .button{
	cursor: pointer;
}

input .button:hover{
	background-color: #3399FF;
}

input[type=radio], input[type=radio]:focus, input[type=checkbox], input[type=checkbox]:focus {
	background-color: transparent;
}

option:hover{
	background-color: #dbedff;
}

option:active{
	background-color: #dbedff;
}

/* colors:
dark gray	#535353
middle gray	#888888
light gray	#F8F8F8
blue		#3399FF
*/

/*------ END ALGEMENE OPMAAK ------*/

.loading-indicator {
	height: 15px;
	width: 15px;
	background: url( '../admin/images/loading.gif' );
	background-repeat: no-repeat;
	background-position: center center;
}

.loading-indicator-overlay {
	background-color: #888888;
	opacity: 0.2;
	filter: alpha(opacity = 20);
}

body{
	background-color: #535353;
	margin: 0 20px 0 20px;
	padding: 0;
	overflow: hidden;
}

#login_form{
	position: absolute;
	margin-left: -140px;
	left: 50%;
	top: 20%;
	width: 280px;
	padding: 0 10px 10px 10px;
	background-color: #F8F8F8;

}

#login_form .title{
	position: absolute;
	top: -40px;
	left: 0;
}

#login_form .login-email, #login_form .login-ww{
	width: 165px;
}

#login_error{
	display: none;
}

#form_forgot{
	display: none;
}

.outer-center{
	padding: 0;
	border: 0;
}

.ui-layout-pane { 
	background: #535353;
	border: none;
	padding: 0;
	overflow: auto;
}

.ui-layout-resizer {
	background: #535353;
}

.ui-layout-resizer-closed:hover,
.ui-layout-toggler:hover{
	background: #3399FF;
}

.ui-layout-toggler {
	background: #888888;
}

.ui-layout-toggler-closed{
	background: #888888;
}

.outer-north{
	background: #535353;
	padding: 0 20px 0 20px;
}

.middle-west, .inner-west, .inner-center{
	padding: 10px;
}

.middle-west, .middle-center, .inner-center, .inner-west, .inner-east{
	background: #F8F8F8;
	display: none;
}

#textContainer{
	background-image: url(images/cms_logo.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0;
	margin: 7px 0 7px 0;
	height: 29px;
}

#textCMS, #textVersion, #textSite, #textLogin, #textLogin a{
	color: #f8f8f8;
}

#textCMS, #textSite{
	margin: 0 0 0 33px;
}

#textVersion{
	margin: 0 0 0 5px;
	color: #888888;
	font-size: 10px;
}

#textSite{
	float: left;
	clear: right;
}

#textLogin{
	float: right;
	text-align: right;
}

/*------- menu tree ----------*/
#menu ul{
	padding: 0;
}

#menu a:hover{
	text-decoration: none;
}

#menu ul .folder{
	list-style: none;
	font-weight: bold;
	margin: 13px 0 0 0;
	padding-left: 12px;
}

#menu ul .folder ul{
	font-weight: normal;
	display: none;
	padding: 0;
	margin-top: 3px;
}

#menu ul .folder ul li{
	line-height: 18px;
	vertical-align: middle;
	padding-left: 20px;
	list-style: none;
}

#menu ul #pages{ background: url(images/icons/page.png) 0 2px no-repeat; }
#menu ul #groups{ background: url(images/icons/group.png) 0 2px no-repeat; }
#menu ul #assign_groups{ background: url(images/icons/group_go.png) 0 2px no-repeat; }
#menu ul #users{ background: url(images/icons/user.png) 0 2px no-repeat; }
#menu ul #assign_users{ background: url(images/icons/user_go.png) 0 2px no-repeat; }
#menu ul #user_groups{ background: url(images/icons/group.png) 0 2px no-repeat; }
#menu ul #settings{ background: url(images/icons/cog.png) 0 2px no-repeat; }
#menu ul #personal_settings{ background: url(images/icons/user_edit.png) 0 2px no-repeat; }
#menu ul #news{ background: url(images/icons/newspaper.png) 0 2px no-repeat; }
#menu ul #calendar{ background: url(images/icons/date.png) 0 2px no-repeat; }
#menu ul #pics{ background: url(images/icons/image.png) 0 2px no-repeat; }
#menu ul #files{ background: url(images/icons/folder.png) 0 2px no-repeat; }
#menu ul #rent{ background: url(images/icons/house.png) 0 2px no-repeat; }

#pages_menu{
	margin-top: 10px;
	background-color: transparent;
}
.jstree a{
	color: #535353!important;
}
table.user_accounts tr td, table.user_accounts tr th{
	padding: 0 0 10px 0;
	margin: 0;
}

table.user_accounts .user_details{
	width: 300px;
	padding: 5px 0 5px 5px;
	margin: 0;
	border: 1px solid #888888;
	background-color: #FFFFFF;
}

table.user_accounts .user_details td{
	padding: 0;
}
.select{
	width: 200px;
	border: 1px solid #888888;
	background-color: #FFFFFF;
}

#row_input, #dialog_confirm_delete{
	display: none;
}

.dialog_no_title_bar .ui-dialog-titlebar{
	display: none;
}

.hide{
	display: none;
}

.ok{
	background-color: #00c800 !important;
}

.error{
	background-color: #c80000 !important;
}

.selectable { 
	background-color: #FFFFFF;
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	width: 200px;
	height: 255px;
	overflow: auto;
	border: 1px solid #888888;
}
.selectable li { 
	margin: 0; 
	padding: 0.1em 0 0.2em 1em;
	border: none;
	cursor: default;
}

.selectable li.devider{
	background: #f8f8f8;
	font-weight: bold;
	margin-top: 0.3em;
	padding: 0 0 0.2em 0.3em;
	border-bottom: 1px solid #d3d3d3;
}

.selectable li.devider:hover{
	background: #f8f8f8;
}

.selectable li:hover { background: #dbedff; }
.selectable .ui-selecting { background: #3399FF; }
.ui-selected { background: #dbedff;}

#tabs{
	border: none;
}
#tabs ul{
	background: none;
	border: none;
}

#tabs > div{
	border-top: 1px solid #888888;
	padding: 0;
}

#page_form input, #page_form textarea{
	display: block;
	width: 200px;
}

#page_form textarea{
	width: 100%;
	height: 400px;
}

/* Custom jquery ui tinymce popup styles */
.ui-dialog .ui-dialog-content {
	padding: 0 !important;
}
.ui-dialog .ui-dialog-content iframe {
	border: 0 !important;
}
.ui-dialog-tinymce-content {
	padding: .5em;
	text-align: left;
}

.notification {
	position: absolute;
	display: inline-block;
	padding: .5em;
	box-shadow: 2px 2px 5px -2px rgba(0,0,0,0.5);
}